{% extends 'base.html' %}
{% load static %}
{% load blog_tags static %}


{% block right %}
    <aside class="sidebar">
        <div class="widget widget_text">
            <div class="textwidget">
                <div class="social">

                    <a href="https://weibo.com/5743831893/profile?rightmod=1&wvr=6&mod=personinfo"
                       rel="external nofollow" title="新浪微博" target="_blank"><i class="sinaweibo fa fa-weibo"></i></a>

                    <a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=1964576235&website=www.oicqzone.com"
                       rel="external nofollow" title="QQ" target="_blank"><i class="tencentweibo fa fa-qq"></i></a>

                    <a href="" class="weixin"><i class="weixins fa fa-weixin"></i>
                        <div class="weixin-popover">
                            <div class="popover bottom in">
                                <div class="arrow"></div>
                                <div class="popover-title"></div>
                                <div class="popover-content"><img src="{% static 'images/gerenweixin.png' %}"></div>
                            </div>
                        </div>
                    </a>
                    <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=vuzezrwkmv@qq.com"
                       rel="external nofollow" title="Email"
                       target="_blank"><i class="email fa fa-envelope-o"></i></a>
                    <a href="/404/" rel="external nofollow" target="_blank" title="订阅本站"><i
                            class="rss fa fa-rss"></i></a>
                </div>
            </div>
        </div>

        <div class="widget widget_metaslider_widget">
            <!--热门专题-->
            <div class="title"><h2>热门专题</h2></div><!-- meta slider -->
            <div style="width: 100%;" class="metaslider metaslider-nivo metaslider-2698 ml-slider meta-slider">
                <div id="metaslider_container_2698">
                    <div class='slider-wrapper theme-bar'>
                        <div class='ribbon'></div>
                        <div id='metaslider_2698' class='nivoSlider'>
                            {% get_carousel_right as carousels %}
                            {% for carousel in carousels %}
                                <a href="{{ carousel.url }}" target="_blank">
                                    <img src="{{ carousel.img_url }}" height="300" width="320"
                                         data-title="{{ carousel.content }}"
                                         title="{{ carousel.title }}" alt="{{ carousel.title }}"
                                         class="slider-2698 slide-1720"/>
                                </a>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <!--热门专题结束-->

                <script type="text/javascript">
                    var metaslider_2698 = function ($) {
                        $('#metaslider_2698').nivoSlider({
                            boxCols: 7,
                            boxRows: 5,
                            pauseTime: 3000,
                            effect: "random",
                            controlNav: false,
                            directionNav: true,
                            pauseOnHover: true,
                            animSpeed: 600,
                            prevText: "&lt;",
                            nextText: "&gt;",
                            slices: 15,
                            manualAdvance: false
                        });
                    };
                    var timer_metaslider_2698 = function () {
                        var slider = !window.jQuery ? window.setTimeout(timer_metaslider_2698, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_2698, 1) : metaslider_2698(window.jQuery);
                    };
                    timer_metaslider_2698();
                </script>
            </div>
            <!--// meta slider-->
        </div>
        <!--广告位-->
        <div class="widget widget_text">
            <div class="textwidget">
                {#                    <a href="/"><img style="width:100%" src="{% static 'images/weixin.png' %}"/></a>#}
            </div>
        </div>
        <!--广告位结束-->
        <div class="widget widget_archive">

            <!--文章归档-->
            <div class="title"><h2>月份归档</h2></div>
            {% get_data_date as data_date %}
            <ul>
                {% if data_date %}
                    {% for date in data_date %}
                        <li><a href='{% url 'blog:date' date|date:'Y' date|date:'m' %}'>{{ date|date:'Y-m' }}</a></li>
                    {% endfor %}
                {% else %}
                    <div>近期没有发表过文章</div>
                {% endif %}
            </ul>
        </div>
        <!--文章归档结束-->

        <!--猜你喜欢-->
        <div class="widget d_postlist">
            <div class="title"><h2>猜你喜欢</h2></div>
            <ul>
                {% get_article_list 'loves' 6 as hot_tag %}
                {% for hot in hot_tag %}
                    <li>
                        <a href="/article/{{ hot.slug }} " title="{{ hot.title }}">
                            <span class="thumbnail"><img src="{{ hot.img_link }}" alt="{{ hot.title }}"/></span>
                            <span class="text">{{ hot.title }}</span>
                            <span class="muted">{{ hot.create_date|date:'Y-m-d' }}</span>
                            {#                            <span class="muted">{{ hot.loves }}喜欢</span>#}
                            <span class="muted"><i class="fa fa-heart-o"></i><span class="count">{{ hot.loves }}</span>喜欢</span>

                        </a>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <!--猜你喜欢结束-->

        <!--标签云-->
        <div class="widget d_tag">
            <div class="title"><h2>标签云集</h2></div>
            <div class="d_tags">
                {% get_tag_list as tags %}
                {% for tag in tags %}
                    <a title="{{ tag.total_num }}个话题" href="{% url 'blog:tag' tag.name %}">{{ tag.name }}
                        ({{ tag.total_num }})</a>
                {% endfor %}
            </div>
        </div>
        <!--标签云结束-->

        <!--友情链接-->
        <div class="widget widget_links">
            <div class="title"><h2>动漫网站</h2></div>
            {% get_friends as friends %}
            <ul class='xoxo blogroll'>
                {% if friends %}
                    {% for friend in friends %}
                        <li><a href="{{ friend.link }}" target="_blank">{{ friend.name }}</a></li>
                    {% endfor %}
                {% else %}
                    <div class="">
                        <a href="https://www.bilibili.com/">&nbsp;bilibili</a>
                        <a href="https://www.acfun.cn/">&nbsp;AcFUN</a>
                        <a href="http://www.imomoe.ai/">&nbsp;樱花动漫</a>
                        <a href="https://news.dmzj.com/">&nbsp;动漫之家</a>
                        <a href="http://www.fengchedm.com/">&nbsp;风车动漫</a>
                    </div>
                {% endif %}
            </ul>
        </div>
        <!--友情链接结束-->

        <!--精品推荐-->
        <div class="widget widget_text">
            <div class="title"><h2>游戏推荐</h2></div>
            <div class="text widget">
                <a href="https://baike.baidu.com/item/%E5%A1%9E%E5%B0%94%E8%BE%BE%E4%BC%A0%E8%AF%B4/4163802?fr=aladdin">&nbsp;&nbsp;&nbsp;塞尔达系列</a>
                <a href="https://store.steampowered.com/">&nbsp;&nbsp;&nbsp;steam平台</a>
            </div>
        </div>

        <!--精品推荐结束-->
        <div class="widget widget_text">
            <div class="title"><h2>参考网站</h2></div>
            <div class="text widget">
                &nbsp;&nbsp;&nbsp; <a href="https://stormsha.com/category/technique/">stormsha的个人博客</a><br>
                <br>
                <a href="https://tendcode.com/">&nbsp;&nbsp;&nbsp;&nbsp;Tendcode的个人博客</a><br>
                <br>
                <a href="https://cuiqingcai.com/">&nbsp;&nbsp;&nbsp;&nbsp;崔庆才的个人博客</a><br>
            </div>
        </div>


        <!--live2d_test-->
        <div class="waifu">
            <div class="waifu-tips"></div>
            <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
            <div class="waifu-tool">
                <span class="fui-home"></span>
                <span class="fui-chat"></span>
                <span class="fui-eye"></span>
                <span class="fui-user"></span>
                <span class="fui-photo"></span>
                <span class="fui-info-circle"></span>
                <span class="fui-cross"></span>
            </div>
        </div>

        <script src="/static/assets/waifu-tips.js"></script>
        <script src="/static/assets/live2d.js"></script>
        <script type="text/javascript">initModel("/static/assets/")</script>

        <!--aplayer_test-->
        <div class="aplayer"
             data-id="634900247"
             data-fixed="true"
             data-server="netease"
             data-volume="0.4"
             data-type="playlist">
        </div>

        <script src="/static/Aplayer/Meting.min.js"></script>

    </aside>
{% endblock right %}
